/*
Name: 			Elements - Image Gallery - Examples
Written by: 	Okler Themes - (http://www.okler.net)
Theme Version:	9.3.0
*/

(function ($) {

    'use strict';

    /*
    Thumb Gallery
    */

    theme.fn.intObs('.thumb-gallery-wrapper', function () {
        var $thumbGalleryDetail = $(this).find('.thumb-gallery-detail'),
            $thumbGalleryThumbs = $(this).find('.thumb-gallery-thumbs'),
            flag = false,
            duration = 300;

        $thumbGalleryDetail
            .owlCarousel({
                items: 1,
                margin: 10,
                nav: false,
                dots: true,
                loop: false,
                autoHeight: true,
                navText: [],
                rtl: ($('html').attr('dir') == 'rtl') ? true : false
            })
            .on('changed.owl.carousel', function (e) {
                if (!flag) {
                    flag = true;
                    $thumbGalleryThumbs.trigger('to.owl.carousel', [e.item.index - 1, duration, true]);

                    $thumbGalleryThumbs.find('.owl-item').removeClass('selected');
                    $thumbGalleryThumbs.find('.owl-item').eq(e.item.index).addClass('selected');
                    flag = false;
                }
            });


        $thumbGalleryThumbs
            .owlCarousel({
                margin: 15,
                items: $(this).data('thumbs-items') ? $(this).data('thumbs-items') : 4,
                nav: false,
                center: $(this).data('thumbs-center') ? true : false,
                dots: false,
                rtl: ($('html').attr('dir') == 'rtl') ? true : false
            })
            .on('click', '.owl-item', function () {
                $thumbGalleryDetail.trigger('to.owl.carousel', [$(this).index(), duration, true]);
            })
            .on('changed.owl.carousel', function (e) {
                if (!flag) {
                    flag = true;
                    $thumbGalleryDetail.trigger('to.owl.carousel', [e.item.index, duration, true]);
                    flag = false;
                }
            });

        $thumbGalleryThumbs.find('.owl-item').eq(0).addClass('selected');
    }, {});

}).apply(this, [jQuery]);